<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/regist.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-validation/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/system/updatepasswordbyemail.js"></script>
    <script>
        $(function () {
           $("#editForm").validate({
               rules:{
                   password:{
                       required: true,
                       minlength:4
                   },
                   rpassword: {
                       required: true,
                       equalTo: "#password"
                   },
                   verifyCode:{
                       required: true
                   },
               },
               messages:{
                   password:{
                       required: "必须填写密码",
                       minlength: "长度至少为4"
                   },
                   rpassword: {
                       required: "确认密码不能为空",
                       equalTo: "密码必须一致"
                   },
                   verifyCode:{
                       required: "验证码不能为空"
                   },
               }
           })
        });
    </script>
</head>

<body>
<div class="wrapper">
    <div class="container container-login">
        <a href="/" title="返回首页" class="logo">骡窝窝</a>
        <div class="signup-forms flip">
            <div class="signup-box" >
                <div class="add-info">
                    <div class="hd">修改密码</div>
                    <form action="/userUpdatePasswordByEmail" method="post" id="editForm">
                        <input type="hidden" name="email" value="${(userInfo.email)!}" id="email">
                        <div class="form-field">
                            <input name="password" id="password" type="password" placeholder="您的密码">
                            <div class="err-tip"></div>
                        </div>
                        <div class="form-field">
                            <input name="rpassword" type="password" placeholder="确认密码" >
                            <div class="err-tip"></div>
                        </div>

                        <div class="form-field">
                            <div class="clearfix">
                                <a href="#" class="vcode-send sms-code-send">获取验证码</a>
                                <input name="verifyCode" type="text" placeholder="邮箱验证码" autocomplete="off"class="vcode-input">
                            </div>
                            <div class="err-tip clearfix"></div>
                        </div>
                        <div class="submit-btn">
                            <button type="submit">完成</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="fullscreen-bg"
     style="background-image: url(https://images.mafengwo.net/images/signup/wallpaper/27.jpg);">
    <img src="/27.jpg" style="width: auto; height: 657px; margin-top: -213px;">
</div>
</body>
</html>